@media (min-width: 750px){
	
}

@media (max-width: 950px){
.titlesp {
    font-size: 14px;
    line-height: 26px;
    margin-top: 30px;
    color: #5a5959;
}
.titlesp img{ width:100%}
.titlesp p {
    font-size: 14px;
}
.Floor001318 ul.search .text {
    height: 40px;
    padding-left: 10px;
}
.Floor001318{ width:100%}
.Floor001318 ul.search .btn {
    line-height: 40px;
}
.titlesh1 {
    font-size: 18px;
    line-height: 30px;
    margin-top: 10px;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
    text-align: center;
}
	html,body{ font-size: calc(100vw/7.5);}
	.header{ display: none;}
	.headercell{ display: block;}
	.banner{ margin-top: 50px;}
	.banner .cont .h1{ font-size: 17px; line-height: 27px;}
	.banner .cont .p{ font-size: 12px; line-height: 18px; margin: 10px 10px 0 10px;}
	.banner .cont a{ width: 70px; height: 24px; line-height: 24px; margin: 10px auto 0; font-size: 12px;}
	.banner .swiper{ padding-bottom: 15px;}
	.banner .swiper-pagination{ bottom: 0!important;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background: hsla(0,0%,0%,0.30); margin: 0 3px; width: 20px;}
	.indexappbox{ padding: 70px 0.3rem 0 0.3rem;}
	.indexappbox .top .title{ text-align: center;}
	.w1530{ width: auto;}
	.title .en{ font-size: 22px; line-height: 32px;}
	.indexappbox .top{ display: block;}
	.title .h1, 
	.goodsnews .h1,
	.aboutopen .h1,
	.aboutbangong .h1,
	.indexrongyu .h1{ font-size: 20px; line-height: 30px; margin-top: 5px; font-weight: bold;}
	.indexappbox .top .ps,
	.title .p{ font-size: 14px; line-height: 26px; width: auto; padding-top: 20px; text-align: center; margin-top: 0;}
	.indexappbox .list{ padding-top: 30px;}
	.indexappbox .list .li{ width: 100%; float: none; margin-top: 0.3rem; margin-left: 0;}
	.indexappbox .list .li:first-child{ margin-top: 0;}
	.indexappbox .list .li:first-child .m{ width: auto; height: auto;}
	.indexappbox .list .li .m, .indexappbox .list .li:nth-child(2) .m{ border-radius: 8px!important; width: auto; height: auto; margin-left: 0;}
	.indexappbox .list .li .text{ top: 50%!important; left: 50%!important; transform: translate(-50%,-50%); width: 100%; text-align: center;}
	.indexappbox .list .li .text .h2{ font-size: 20px!important; font-weight: bold; line-height: 30px!important;}
	.indexappbox .list .li .text .em{ width: 50px; height: 3px; margin: 15px auto 0;}
	.indexappbox .list .li .m::after{ content: ''; width: 100%; height: 100%; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; border-radius: 8px;}
	.title .em{ width: 30px; height: 3px; margin: 8px auto 0;}
	.indexcenterbox{ padding: 70px 0.3rem 0 0.3rem;}
	.indexcenterbox .h2{ font-size: 17px; line-height: 27px;}
	.indexcenterbox .list{ justify-content: center; margin-top: 10px;}
	.indexcenterbox .list .li{ width: 30%; margin: 0; margin-right: 5%; margin-top: 30px;}
	.indexcenterbox .list .li:nth-child(3n), .indexcenterbox .list .li:last-child{ margin-right: 0;}
	.indexcenterbox .list .li .m{ width: 1.8rem; height: 1.8rem;}
	.indexcenterbox .list .li .s{ font-size: 14px; line-height: 20px; margin-top: 10px;}
	.indexcenterbox .list .li .n{ font-size: 12px; line-height: 16px; margin-top: 2px;}
	.indexnewsbox{ padding: 70px 0.3rem;}
	.indexnewsbox .top{ display: block;}
	.title2{ text-align: center;}
	.title2 .h1::after{ display: none;}
	.title2 .h1{ padding: 0;}
	.indexnewsbox .top .nav{ margin-top: 35px; justify-content: space-between;}
	.indexnewsbox .top .nav .li a{ margin: 0;}
	.indexnewsbox .bot{ display: block; margin-top: 0;}
	.indexnewsbox .bot .left{ width: auto;}
	.indexnewsbox .bot .left .img .m{ height: auto;}
	.indexnewsbox .bot .left .img .time .k{ font-size: 30px; line-height: 30px;}
	.indexnewsbox .bot .left .img .time .s{ font-size: 14px; line-height: 14px;}
	.indexnewsbox .bot .left .img .time{ width: 90px; height: 80px;}
	.indexnewsbox .bot .left .text .h1{ font-size: 17px; line-height: 27px; font-weight: bold;}
	.indexnewsbox .bot .left .text .p{ font-size: 14px; line-height: 26px;}
	.indexnewsbox .bot .right{ width: auto; margin: 40px 0 0 0;}
	.indexnewsbox .bot .right .li .h1{ font-size: 17px; line-height: 27px;}
	.indexnewsbox .bot .right .li .p{ font-size: 14px; line-height: 26px;}
	.indexnewsbox .bot .right .li .t{ font-size: 14px;}
	.indexnewsbox .bot .right .li a{ margin-bottom: 30px;}
	.indexabout{ padding: 70px 0.3rem;}
	.indexabout .text .s{ font-size: 17px; line-height: 27px; font-weight: bold;}
	.indexabout .text{ width: auto; text-align: center;}
	.indexabout .text .h1{ font-size: 20px; font-weight: bold; margin-top: 10px; line-height: 30px;}
	.indexabout .text .p{ font-size: 14px; line-height: 26px; text-align: center; margin-top: 20px;}
	.indexabout .text .a{ justify-content: center; margin-top: 30px;}
	.indexabout .text .a a{ font-size: 15px;}
	.indexabout .list{ justify-content: center; flex-wrap: wrap; margin-top: 30px;}
	.indexabout .list .li{ margin-top: 30px; width: 30%; margin-right: 5%;}
	.indexabout .list .li:nth-child(3n), .indexabout .list .li:last-child{ margin-right: 0;}
	.indexabout .list .li .h i{ font-size: 24px; line-height: 24px; margin-right: 5px;}
	.indexabout .list .li .h{ font-size: 12px; line-height: 12px;}
	.indexabout .list .li .p{ font-size: 12px; line-height: 16px; margin-top: 10px;}
	.indexabout .nk img{ margin-top: 50px;}
	.indexcase{ padding: 0.3rem 0.3rem 70px 0.3rem;}
	.indexcase .cont .img{ width: auto;}
	.indexcase .cont .text{ position: relative; top: auto; left: auto; transform: none; margin-top: 30px;}
	.indexcase .cont{ display: block;}
	.indexcase .title{ text-align: center;}
	.indexcase .title .em{ margin: 10px auto 0;}
	.indexcase .st{ width: auto; margin-top: 20px; font-size: 14px; line-height: 26px; text-align: center;}
	.indexcase .a{ justify-content: center; margin-top: 30px;}
	.indexcase .a a{ font-size: 16px;  line-height: 24px; padding-right: 50px;}
	.indexcontact .cont{ padding: 70px 0.3rem; display: block;}
	.indexcontact .cont .left .title{ text-align: center;}
	.indexcontact .cont .left .title .em{ margin: 15px auto 0;}
	.indexcontact .cont .left .title .h3{ font-size: 17px; font-weight: bold; line-height: 27px;}
	.indexcontact .cont .left{ width: auto;}
	.indexcontact .cont .left .mk{ margin-top: 20px;}
	.indexcontact .cont .left .mk .p{ font-size: 14px; line-height: 26px; padding: 5px 0;}
	.indexcontact .cont .right{ width: auto; margin-top: 50px;}
	.indexcontact .cont .right .h1{ font-size: 18px; line-height: 28px; font-weight: bold; background-size: 18px auto; padding-left: 30px;}
	.indexcontact .cont .right .form{ display: block; margin-top: 20px;}
	.indexcontact .cont .right .form .li{ width: 100%; margin-bottom: 0.3rem;}
	.indexcontact .cont .right .form .li .input input{ height: 44px; padding: 0 15px; font-size: 14px;}
	.indexcontact .cont .right .form .li .input textarea{ padding: 15px; font-size: 14px;}
	.indexcontact .cont .right .form .bot{ justify-content: space-between;}
	.indexcontact .cont .right .form .bot button{ margin: 0; width: 3.3rem;}
	.footer .top{ display: block; padding: 50px 0.3rem;}
	.footer .top .nav{ display: block;}
	.footer .top .nav .li .h a{ font-size: 17px; font-weight: bold; line-height: 20px;}
	.footer .top .nav .li .more{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 5px;}
	.footer .top .nav .li .more a{ margin-right: 10px;}
	.footer .top .nav .li{ margin: 0; margin-top: 20px;}
	.footer .top .nav .li:first-child{ margin-top: 0;}
	.footer .top .tact .h{ margin-top: 20px; font-size: 17px; font-weight: bold; line-height: 20px; text-align: left;}
	.footer .top .tact .wear{ margin-top: 15px;}
	.footer .bot{ padding: 10px;}
	.footer .bot .p, .footer .bot a{ padding: 0 5px; font-size: 12px; line-height: 22px; text-align: center;}
	.aboutbanner{ margin-top: 50px;}
	.aboutbanner .cont .h1{ font-size: 18px; line-height: 28px;}
	.aboutbanner .cont .p{ font-size: 14px; line-height: 24px; margin-top: 0px;}
	.aboutnumber{ padding: 30px 0.3rem;}
	.aboutnumber .top{ display: block;}
	.aboutnumber .top .text{ width: auto; padding: 0;}
	.aboutnumber .top .title{ text-align: center;}
	.aboutnumber .top .title .em{ margin: 10px auto 0;}
	.aboutnumber .top .ps{ font-size: 14px; line-height: 26px; margin-top: 30px;}
	.aboutnumber .top .img .m{ width: 100%; margin-top: 20px; border-radius: 0 48px 0 0;}
	.aboutnumber .top .img::after{ display: none;}
	.aboutnumber .list{ justify-content: center; flex-wrap: wrap; margin-top: 30px;}
	.aboutnumber .list .li{ margin-top: 30px; width: 30%; margin-right: 5%;}
	.aboutnumber .list .li:nth-child(3n), .indexabout .list .li:last-child{ margin-right: 0;}
	.aboutnumber .list .li .h i{ font-size: 24px; line-height: 24px; margin-right: 5px;}
	.aboutnumber .list .li .h{ font-size: 12px; line-height: 12px;}
	.aboutnumber .list .li .p{ font-size: 12px; line-height: 16px; margin-top: 10px;}
	.aboutculbox .list{ flex-wrap: wrap; margin-top: 0;}
	.aboutculbox{ padding: 70px 0.3rem;}
	.aboutculbox .list .li{ width: 48%; margin-top: 30px;}
	.aboutculbox .list .li .m img{ height: 40px;}
	.aboutculbox .list .li .h1{ font-size: 17px; line-height: 27px; margin-top: 10px; font-weight: bold;}
	.aboutculbox .list .li .p{ margin-top: 10px; font-size: 14px; line-height: 24px;}
	.indexrongyu{ padding: 70px 0.3rem;}
	.indexrongyu .em{ font-size: 14px; line-height: 26px; margin-top: 5px;}
	.indexrongyu .list{ width: 5rem; margin: 30px auto 0;}
	.indexrongyu .list .mker .p{ font-size: 12px; line-height: 20px;}
	.aboutbangong{ padding: 20px 0.3rem;}
	.aboutbangong .list{ justify-content: space-between; padding-top: 20px;}
	.aboutbangong .list .li,
	.aboutbangong .list .li:nth-child(3n){ width: 3.35rem; margin: 0.25rem 0 0 0;}
	.aboutbangong .list .li .m{ height: 1.8rem;}
	.aboutbangong .list .li .p{ font-size: 12px; line-height: 20px; padding: 10px;}
	.aboutopen{ padding: 70px 0.3rem;}
	.aboutopen .list{ justify-content: space-between;}
	.aboutopen .list .li a, .aboutopen .list .li:nth-child(6n) a{ width: 3.35rem; margin: 0.25rem 0 0 0;}
	.aboutopen .list .li a img{ max-width: 80%; max-height: 70%;}
	.aboutnews .title .en{ font-size: 22px; line-height: 32px;}
	.aboutnews .title .h1{ font-size: 20px; line-height: 30px; margin-top: 0px;}
	.aboutnews .list{ display: block; margin-top: 30px;}
	.aboutnews{ padding: 0.5rem 0.3rem 70px 0.3rem;}
	.aboutnews .list .li{ width: 100%; margin-top: 0.3rem;}
	.aboutnews .list .li .img{ height: auto;}
	.aboutnews .list .text{ padding: 20px;}
	.aboutnews .list .text .h1{ font-weight: bold; font-size: 17px; line-height: 27px;}
	.aboutnews .list .text .p{ font-size: 14px; line-height: 26px; height: auto; margin-top: 10px;}
	.goodsnav .cont{ padding: 0;}
	.goodsnav .cont .li a{ padding: 0 20px; font-size: 14px; line-height: 40px; margin-left: 0;}
	.goodslist{ padding: 0.3rem;}
	.goodslist .top .li a{ padding: 0 20px; line-height: 40px; font-size: 14px; border-radius: 5px 5px 0 0; margin-left: 0;}
	.listsoll{ overflow-x: auto;}
	.listsoll .list{ width: 1530px;}
	.goodsnews{ padding: 10px 0.3rem;}
	.goodsnews .h1{ text-align: center;}
	.goodsnews .list .li a{ display: block;}
	.goodsnews .list .li a .m{ width: auto;}
	.goodsnews .list .li .text{ width: auto; margin-top: 20px;}
	.goodsnews .list .li .text .h{ font-size: 17px; line-height: 27px; font-weight: bold;}
	.goodsnews .list .li .text .p{ font-size: 14px; line-height: 26px; margin-top: 10px;}
	.goodsnews .list{ padding-top: 0;}
	.minavbox{ top: 50px; bottom: 0; padding: 0;}
	.minavbox .mk{ display: block; padding: 0.3rem; height: calc(100% - 0.6rem);}
	.minavbox .mk .li{ width: 100%; margin: 0; padding-top: 30px;}
	.minavbox .mk .li:first-child{ padding-top: 0;}
	.minavbox .mk .li .h1 a{ font-size: 18px;}
	.minavbox .mk .li .more{ display: flex; justify-content: flex-start; flex-wrap: wrap;}
	.minavbox .mk .li .more a{ font-size: 14px; line-height: 20px; margin: 5px 8px 0 0;}
	
	
	
}
@media (max-width: 1560px) and (min-width: 1280px) {
	.w1530{ width: 1200px;}
	.listsoll{ overflow-x: auto;}
	.listsoll .list{ width: 1530px;}
	.aboutbangong .list .li{ width: 377px;}
	.aboutbangong .list .li .m{ height: 200px;}
	.aboutopen .list .li a{ width: 175px;}
	.aboutnews .list .li{ width: 575px;}
	.aboutnews .list .li .img{ height: 190px;}
	.footer .top .nav .li{ margin-left: 100px;}
	.aboutnumber .top .img .m{ width: 490px;}
	.indexappbox .top .ps{ width: 645px;}
	.indexappbox .list .li .m{ width: 288px; height: 268px;}
	.indexappbox .list .li:first-child .m{ width: 600px; height: 554px;}
	.indexappbox .list .li:nth-child(2) .m{ width: 588px; height: 268px;}
	.indexcenterbox .list .li{ margin: 0 30px;}
	.indexnewsbox .bot .right{ width: 500px;}
	.indexcontact .cont .right{ width: 500px;}
	.indexcase .cont .img{ width: 800px;}
	.indexcase .cont .text{ top: 40px;}
	.indexcontact .cont .right .form .li{ width: 48.5%;}
	.indexcontact .cont .right .form .li2{ width: 100%;}
	
	
	
}
@media (max-width: 1280px) and (min-width: 950px) {
	.w1530{ width: auto;}
	.header .cont{ padding: 0 0.5rem;}
	.header .cont .right .nav .li .tit a{ padding: 0 0.2rem;}
	.header .cont .right .nav .li .tit a, .header .cont .right .lang .m a{ font-size: 16px;}
	.header .cont .right .lang .m a{ padding: 0 0.4rem 0 0.2rem;}
	.header .cont .right .lang{ margin-left: 0.4rem;}
	.header .cont .logo a img{ height: 30px;}
	.header .cont .right .nav .li .tit a, .header .cont .right .lang .m a{ line-height: 60px;}
	.banner{ margin-top: 76px;}
	.banner .cont .h1{ font-size: 40px; line-height: 50px;}
	.banner .cont .p{ font-size: 20px; line-height: 30px;}
	.indexappbox{ padding: 108px 0.5rem 0 0.5rem;}
	.title .en{ font-size: 40px; line-height: 40px;}
	.title .h1{ font-size: 24px; line-height: 34px;}
	.indexappbox .top .ps{ width: 11rem; font-size: 15px; line-height: 26px; padding-top: 5px;}
	.indexappbox .list .li .m{ width: 100%; height: 4.05rem;}
	.indexappbox .list .li{ width: 24%;}
	.indexappbox .list .li:first-child{ width: 50%;}
	.indexappbox .list .li:first-child .m{ width: 100%; height: 8.28rem;}
	.indexappbox .list .li{ margin-top: 1%; margin-left: 1%;}
	.indexappbox .list .li:nth-child(2) .m{ width: 100%; height: 4.05rem;}
	.indexappbox .list .li:nth-child(2){ width: 49%;}
	.indexappbox .list .li .text .h2{ font-size: 26px;}
	.minavbox{ padding: 0 0.5rem 60px 0.5rem; top: 76px;}
	.indexcenterbox .list .li .m{ width: 2rem; height: 2rem;}
	.indexcenterbox .list .li .s{ font-size: 18px; font-weight: bold; line-height: 30px;}
	.indexcenterbox .list .li{ margin: 0 0.5rem;}
	.indexnewsbox{ padding: 120px 0.5rem 135px 0.5rem;}
	.indexnewsbox .bot .left, .indexnewsbox .bot .right{ width: 49%;}
	.indexnewsbox .bot .left .img .m{ height: 5.2rem;}
	.indexnewsbox .bot .right .li .h1{ font-size: 17px; line-height: 28px;}
	.indexnewsbox .bot .right .li a{ padding-bottom: 25px;}
	.indexabout{ padding: 135px 0.5rem 105px 0.5rem;}
	.indexabout .list .li .h i{ font-size: 60px; line-height: 60px;}
	.indexcase{ padding: 90px 0.5rem;}
	.indexcase .cont .img{ width: 50%; height: 470px; overflow: hidden; position: relative;}
	.indexcase .cont .img img{ width: auto; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
	.indexcontact .cont{ padding: 100px 0.5rem;}
	.indexcontact .cont .left{ width: 49%;}
	.indexcontact .cont .right .form .li{ width: 48%;}
	.indexcontact .cont .right .form .li2{ width: 100%;}
	.footer .top{ padding: 65px 0.5rem 45px 0.5rem;}
	.footer .top .nav .li{ margin-left: 1rem;}
	.aboutnumber .list .li .h i{ font-size: 60px; line-height: 60px;}
	.aboutnumber{ padding: 75px 0.5rem 105px 0.5rem;}
	.aboutnumber .top .text{ width: 55%;}
	.aboutnumber .top .img .m{ width: 100%;}
	.aboutnumber .top .img{ width: 42%;}
	.aboutculbox .list .li{ width: 24%;}
	.aboutculbox{ padding: 95px 0.5rem 150px 0.5rem;}
	.aboutbangong .list .li{ width: 32%; margin: 2% 2% 0 0;}
	.aboutbangong{ padding: 90px 0.5rem;}
	.aboutbangong .list .li .m{ height: 3rem;}
	.aboutopen{ padding: 100px 0.5rem;}
	.aboutopen .list .li{ width: 24%; margin: 30px 1% 0 0;}
	.aboutopen .list .li:nth-child(4n){ margin: 30px 0 0 0;}
	.aboutopen .list .li a, .aboutopen .list .li:nth-child(6n) a{ width: 100%; margin: 0;}
	.aboutnews{ padding: 0.8rem 0.5rem 135px 0.5rem;}
	.aboutnews .list .li{ width: 48%;}
	.aboutnews .list .li .img{ height: 2.8rem;}
	.aboutbanner{ margin-top: 76px;}
	.goodsnews{ padding: 80px 0.5rem 150px 0.5rem;}
	.goodsnav .cont{ padding: 20px 0.5rem;}
	.goodslist{ padding: 70px 0.5rem 120px 0.5rem;}
	.listsoll{ overflow-x: auto;}
	.listsoll .list{ width: 1530px;}
	.header .cont .right .lang .list{ top: 60px;}
	
}
@media (max-width: 1280px) and (min-width: 950px) {
	
}
.indextenbox .list .li .text .h1, .indexnewsbox .bot .right .li .h1{ overflow: hidden; white-space: nowrap; text-overflow : ellipsis;}
.indextenbox .list .li .text .p, .indexnewsbox .bot .right .li .p, .aboutnews .list .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.indexpolicybox .cont4 .list .left .textbox .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}